<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>示例文章 - 网站 title</title>
    <script>
        // 用户通过搜索引擎到文章详情页时，跳到首页并进行哈希路由
        var href = window.location.href.replace(/[^:|\/]\//,function (matchStr){
            return matchStr + 'index.html#!';
        });
        window.location.href = href.replace('/main.html', '');
    </script>
</head>
<body>
<header>
    <h1> 网站的主标题 </h1>
    <h2> 网站的副标题 </h2>
</header>
<div>
    <h1 id="header-1">示例文章</h1>
<blockquote>
<p>文章说明，出现在文章列表页。</p>
</blockquote>
<h2 id="header-1-1">文章章节标题</h2>
<p>文章章节内容。</p>

</div>
</body>
</html>